.databasecontet-r ul  li.cutting{filter:  alpha(opacity=40) !important; opacity: 0.50}
.databasecontet-r ul  li .icotop-span.selected{background-color:#ddd; opacity: 1.0;filter:  alpha(opacity=100);}
.databasecontet-r ul  li .icotop-span.movingSelected{background-color:#ddd; opacity: 1.0;filter:  alpha(opacity=100);}
/*database-wrap start */
.database-wrap{ width:1200px; margin:80px auto 0;}
.databasecontet-l{ width:182px; height:760px; background:#2a2c2c;}
.databasecontet-r{ background:#f2f2f6; height:760px;width:938px; position:relative; }
.databasenav-div{ height:40px; border-bottom:1px solid #ddd; padding:0 30px 0 40px;}
.databaselist-div{ height:665px; overflow-y:auto;}
.databaselist-div ul{padding:12px 0;}
.databaselist-div>ul>li{ float:left; width:108px; height:158px; margin:0 0 26px 40px; position:relative; }
.databasecontet-r ul  li .databasecontetdiv{ width:108px;  color:#666; text-align:center; cursor: pointer; }
.databasecontet-r ul  li:hover .deleteico{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/529cde30acd54b728a151ffa45ec4bc1.png) no-repeat -4px -193px; width:22px; height:20px; display:inline-block; position:absolute; top:-5px; right:-5px; z-index:100; cursor:pointer;}
.databasecontet-r ul  li .deleteico:hover{ background-position:-43px -192px; width:24px; height:23px; right:-6px;}
.databasecontet-r ul  li  .databasecontetdiv .file, .databasecontet-r ul  li  .databasecontetdiv .file-zip, .databasecontet-r ul  li  .databasecontetdiv .file-excel, .databasecontet-r ul  li  .databasecontetdiv .file-pdf, .databasecontet-r ul  li  .databasecontetdiv .file-ppt, .databasecontet-r ul  li  .databasecontetdiv .file-word{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/529cde30acd54b728a151ffa45ec4bc1.png) no-repeat; top:50%; left:50%;  display:inline-block;position:absolute;}
.databasecontet-r ul  li  .databasecontetdiv .file{width:84px; height:70px; background-position:0 -607px;margin:-35px 0 0 -42px;}
.databasecontet-r ul  li  .databasecontetdiv .file-zip{width:76px; height:76px; background-position:0 -686px;margin:-38px 0 0 -38px; }
.databasecontet-r ul  li  .databasecontetdiv .file-excel{width:64px; height:88px; background-position:0 -225px;margin:-44px 0 0 -32px; }
.databasecontet-r ul  li  .databasecontetdiv .file-pdf{width:64px; height:90px; background-position:0 -319px;margin:-45px 0 0 -32px;  }
.databasecontet-r ul  li  .databasecontetdiv .file-ppt{width:68px; height:84px; background-position:0 -415px; margin:-42px 0 0 -34px; }
.databasecontet-r ul  li  .databasecontetdiv .file-word{width:64px; height:90px; background-position:0 -506px;margin:-45px 0 0 -32px;  }
.databasecontet-r ul  li  .databasecontetdiv p{ height:40px; line-height:20px;overflow-wrap: break-word;word-wrap:break-word; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.databasecontet-r ul  li .icotop-span{width:108px; height:108px;position:relative;}
.databasecontet-r ul  li .icotop-span:hover{background-color:#ddd; opacity: 1.0;filter:  alpha(opacity=100);}
/*.databasenav-div .databasenav-l{ line-height:40px;}*/
.databasenav-div .databasenav-l ul li{ line-height:40px; color:#666; font-size:14px; margin-right:10px; float:left;}
.databasecontet-l ul li{ padding-left:24px;}
.databasecontet-l ul li:hover{ background:#1f2121;transition: background 0.2s ease-in 0s;}
/*.databasecontet-l ul li:hover .allfilesico{ background-position:-2px -50px; } 
.databasecontet-l ul li:hover .pictureico{background-position:-1px -22px;}
.databasecontet-l ul li:hover .videoico{background-position:-1px 4px;}
.databasecontet-l ul li:hover .fliesico{background-position:-1px -81px;}*/
.databasenav-l ul li .arrow{background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201701/bbac2e8e0e1845e4ad5b7ac870eac9d6.png)  no-repeat -82px 0;display:inline-block; width:13px; height:16px; vertical-align:middle;}
.databasecontet-l ul li:hover  span{ }
.databasecontet-l ul li a{ width:100%; padding:20px 0; display:inline-block; line-height:27px;}
.databasecontet-l ul  .cur{ background:#1aafc5;}
.databasecontet-l ul  .cur:hover{ background:#1bbcd4;transition: background 0.2s ease-in 0s;}
.addgreatefolder-div{ position:absolute; top:-73px; left:310px;}
.addgreatefolder-div .add-div, .addgreatefolder-div .greatefolder-div{  text-align:center; cursor:pointer;}

/*.addgreatefolder-div .greatefolder-div{  margin-top:-1px;}*/
.addgreatefolder-div .greatefolder-div:hover, .addgreatefolder-div .add-div:hover{}

/*.greatefolder-div:hover .greatefolderico{ background-position:-72px -113px;}*/
/*.greatefolder-div p{ color:#666;}*/
/*.greatefolder-div p:hover{ color:#999;}*/
/*.addgreatefolder-div .greatefolderico{background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201701/bbac2e8e0e1845e4ad5b7ac870eac9d6.png) no-repeat;display:inline-block; width:24px; height:24px;}*/
/*.addgreatefolder-div .addico{background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/05444403361d4ddf9c2dda824a839fba.png) no-repeat;display:inline-block; width:86px; height:73px; cursor:pointer; margin-top:-14px;}*/
/*.addgreatefolder-div .addico:hover{background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/3374af2ee4e64cbaa71e8e51bc8801d0.png) no-repeat;}*/

/*.addgreatefolder-div .greatefolderico {background-position:-1px -114px; }*/
.databasecontet-l ul li .allfilesico, .databasecontet-l ul li .pictureico, .databasecontet-l ul li .videoico, .databasecontet-l ul li .fliesico, .databasecontet-l ul .cur .pictureico, .databasecontet-l ul .cur .allfilesico, .databasecontet-l ul .cur .videoico, .databasecontet-l ul .cur .filesico{background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201701/bbac2e8e0e1845e4ad5b7ac870eac9d6.png) no-repeat; display:inline-block; width:28px; height:27px; margin-right:13px;}
.databasecontet-l ul li .allfilesico{ background-position:-42px -50px;} 
.databasecontet-l ul .cur .allfilesico{ background-position:-2px -50px; } 
.databasecontet-l ul .cur a{color:#fff;}
.databasecontet-l ul li .pictureico{background-position:-42px -22px;}
.databasecontet-l ul .cur .pictureico{background-position:-1px -22px;}
.databasecontet-l ul li .videoico{background-position:-41px 4px;}
.databasecontet-l ul .cur .videoico{background-position:-1px 4px;}
.databasecontet-l ul li .fliesico{background-position:-43px -83px;}
.databasecontet-l ul .cur .fliesico{background-position:0px -81px;}
.databasenav-div .developico, .databasenav-div .listico{background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201701/bbac2e8e0e1845e4ad5b7ac870eac9d6.png) no-repeat; display:inline-block; cursor:pointer;}
.databasenav-div .developico{ background-position:0px -166px; width:17px; height:17px;}
.databasenav-div .developico:hover{ background-position:-72px -167px;}
.databasenav-div .listico{background-position:0 -141px;width:24px; height:17px; margin-right:30px;}
.databasenav-div .listico:hover{background-position:-72px -141px;}
.databasenav-div .cur .developico{background-position:-44px -166px;}
.databasenav-div .cur .listico{background-position:-44px -141px;}
.databasenav-r{ margin-top:11px;}
.editdataname-div{  padding:3px 6px;border:1px solid #1aafc5; min-height:20px;width:76px; margin:5px 0 0 10px;}
.editdataname-input{min-height:18px;width:73px; line-height:18px; background:#f2f2f2;  }
.editdataname-div input[type=text]:focus{background:#c7e5e9;}
.databasecontet-r ul li .icotop-span .video{ width:96px; height:65px; display:inline-block; margin:23px 0 0 0;position: relative;}
.databasecontet-r ul li .icotop-span .video .video-overlay { position:absolute; top:0; left:0; width:96px; height:65px; background:#000; opacity:.6;filter:alpha(opacity=60); }


.databasecontet-r ul li .icotop-span .pic{
    /*width:96px;*/
    /*height:65px; */
    display:inline-block;
    position: relative;
}

.icotop-span img{ max-width:96px; max-height:96px;}
.icotop-span .video .playbtn{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201701/3fd1748dee824b0c8501ff7b6e95a52d.png) no-repeat -2px -3px; width:30px; height:30px; display:inline-block; position:absolute; top:15px; left:35px;}
.icotop-span .video .playbtn:hover{ background-position:-2px -36px;}
.editdatanameinput_div{ height:40px;color:#666;}

/*database-wrap end */
/*nano start*/
.databasecontet-div .nano > .pane {background:#eaeaec; }
.databasecontet-div .nano > .pane > .slider {background:#fff;border-radius: 8px; right:0;}
.databasecontet-div .nano > .pane{ width:6px;margin: 0px; padding:0 2px;}
/*nano end*/

.databasetm-menu{ display: none;position: absolute; z-index:100; right: 334px;top: 338px;}
.databasetm-menu ul{ padding:10px 5px;background-color: #fff;border-radius:3px;box-shadow: 0 3px 7px 1px rgba(0,0,0,.2);color: #333;width: 150px;}
.databasetm-menu ul li{padding: 9px 3px 9px 10px;vertical-align: top;}
.databasetm-menu ul .cursorlist{cursor: pointer; }
.box_cmenu li span {color: #333;display:inline-block;line-height: 14px; line-height:22px; height:22px;}
.databasetm-menu ul li:hover{ background:#f2f2f6;}
.databaselist-div .teachervisibleico{background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201701/bbac2e8e0e1845e4ad5b7ac870eac9d6.png) no-repeat -75px -789px; display:inline-block; position:absolute; top:5px; right:10px; width:22px; height:15px;}
.databasetm-menu .teachervisible_ico,.globalvisible_ico, .databasetm-menu .rename_ico, .databasetm-menu .download_ico, .databasetm-menu .cut_ico, .databasetm-menu .delete_ico, .databasetm-menu .paste_ico, .databasetm-menu .createfolder_ico{background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201701/bbac2e8e0e1845e4ad5b7ac870eac9d6.png) no-repeat; display:inline-block; width:22px; height:22px; margin-right:12px; }
.databasetm-menu .nocursorlist .paste_ico{background-position:-76px -738px;}
.databasetm-menu .nocursorlist  span { color:#b5b5b5;}
.databasetm-menu .teachervisible_ico{ background-position:2px -762px;}
.databasetm-menu .globalvisible_ico{ background-position:-75px -712px}
.databasetm-menu .rename_ico{background-position:-23px -763px;}
.databasetm-menu .download_ico{background-position:-49px -763px;}
.databasetm-menu .cut_ico{background-position:-70px -763px;}
.databasetm-menu .delete_ico{background-position:4px -788px;}
.databasetm-menu .paste_ico{background-position:-21px -788px;}
.databasetm-menu .createfolder_ico{background-position:-47px -786px;}
.deletepopup_div{ background:#fff;;box-shadow: 0 8px 8px 1px rgba(0, 0, 0, 0.2); position:fixed; top:330px; left:50%; margin-left:-210px; width:420px; height:270px; z-index:101;}
.deletepopup_div .deleteico_div .deleteico{background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201701/bbac2e8e0e1845e4ad5b7ac870eac9d6.png) no-repeat -7px -831px; display:inline-block; width:102px; height:128px; margin-bottom:5px;}
.deletepopup_div .deleteico_div{ width:245px; margin:10px auto 0; text-align:center; }
.deleteico_div p{font-size:16px; color:#666;}
.deletepopupbtn_div .noico, .deletepopupbtn_div .yesico{ background:#efefef; width:107px; height:36px; line-height:36px; text-align:center; font-size:18px; display:inline-block;border-radius:3px; cursor:pointer;}
.deletepopupbtn_div .noico{ color:#333;}
.deletepopupbtn_div .yesico{ color:#1aafc5;}
.deletepopupbtn_div .noico:hover, .deletepopupbtn_div .yesico:hover{ background:#e9e7e7;}
.deletepopupbtn_div{ width:280px; margin:36px auto 0;}

